<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes"/>
		<meta name="apple-mobile-web-app-status-bar-style" content="black"/>
		<meta name="format-detection" content="telephone=no"/>
		<meta name="format-detection" content="email=no"/>
		<title>阅读-我的</title>
		<link rel="stylesheet" href="dist/css/sm.min.css" />
		<link rel="stylesheet" href="dist/css/sm-extend.min.css" />
		<!--以上是SUI的css文件-->
		<link rel="stylesheet" href="css/xh-lxx-tab-content22.css" />
		<link rel="stylesheet" href="css/xh-lxx-tab-nav3.css" />
		<link rel="stylesheet" href="css/xh-lxx-tab-title5.css" />
		<link rel="stylesheet" href="css/xh-lxx-tab-items-img.css" />
		<link rel="stylesheet" href="css/2-我的_tab_PxCook.css" />
	</head>
	<body>
		<div class="page-group">
			<div class="page page-current">
				<!--html代码-->
				
				<div class="content">
					<!--头部个人头像信息 Begin-->
					<div class="xh-lxx-tab-content22">
						<div class="header-bg"></div>
						<div class="img-name">
							<span class="img"></span>
							<p class="name">Keen</p>
						</div>
		      		</div>
		      		<!--头部个人头像信息 End-->
					<!--我的--导航栏 Begin-->
		        	<nav class="xh-lxx-tab-nav3">
		        		<a href="#">
		        			<p>99924小时59分</p>
		        			<span class="msg">阅读时间</span>
		        		</a>
		        		<a href="#">
		        			<p>999本</p>
		        			<span class="msg">阅读书籍</span>
		        		</a>
		        		<a href="#">
		        			<p>999天</p>
		        			<span class="msg">连续阅读</span>
		        		</a>
		        	</nav>
		        	<!--我的导航栏 End-->
		        	<!--消息-->
		        	<a class="xh-lxx-tab-title5">
	        			<div class="pull-left">
	        				<img src="img/icon7.png" alt="" />
	        				<span class="title1">消息</span>
	        			</div>
	        			<div class="pull-right">
	        				<span class="icon icon-right"></span>
	        			</div>
		        	</a>
					<!--我的账户-->
		        	<a class="xh-lxx-tab-title5">
	        			<div class="pull-left">
	        				<img src="img/icon7.png" alt="" />
	        				<span class="title1">我的账户</span>
	        			</div>
	        			<div class="pull-right">
	        				<span class="icon icon-right"></span>
	        			</div>
		        	</a>
					<!--我的VIP-->
		        	<a class="xh-lxx-tab-title5">
	        			<div class="pull-left">
	        				<img src="img/icon7.png" alt="" />
	        				<span class="title1">我的VIP</span>
	        			</div>
	        			<div class="pull-right">
	        				<span class="icon icon-right"></span>
	        			</div>
		        	</a>
		        	<!--我的礼品-->
		        	<a class="xh-lxx-tab-title5">
	        			<div class="pull-left">
	        				<img src="img/icon7.png" alt="" />
	        				<span class="title1">我的礼品</span>
	        			</div>
	        			<div class="pull-right">
	        				<span class="icon icon-right"></span>
	        			</div>
		        	</a>
					<!--我的书籍-->
		        	<a class="xh-lxx-tab-title5">
	        			<div class="pull-left">
	        				<img src="img/icon7.png" alt="" />
	        				<span class="title1">我的书籍</span>
	        			</div>
	        			<div class="pull-right">
	        				<span class="icon icon-right"></span>
	        			</div>
		        	</a>
		        	<!--设置-->
		        	<a class="xh-lxx-tab-title5">
	        			<div class="pull-left">
	        				<img src="img/icon7.png" alt="" />
	        				<span class="title1">设置</span>
	        			</div>
	        			<div class="pull-right">
	        				<span class="icon icon-right"></span>
	        			</div>
		        	</a>
					<!--阅读偏好-->
		        	<a class="xh-lxx-tab-title5">
	        			<div class="pull-left">
	        				<img src="img/icon7.png" alt="" />
	        				<span class="title1">阅读偏好</span>
	        			</div>
	        			<div class="pull-right">
	        				<span class="icon icon-right"></span>
	        			</div>
		        	</a>
					<!--夜间模式-->
		        	<a class="xh-lxx-tab-title5">
	        			<div class="pull-left">
	        				<img src="img/icon7.png" alt="" />
	        				<span class="title1">夜间模式</span>
	        			</div>
	        			<div class="pull-right">
	        				<span class="icon icon-right"></span>
	        			</div>
		        	</a>
					<!--帮助与反馈-->
		        	<a class="xh-lxx-tab-title5">
	        			<div class="pull-left">
	        				<img src="img/icon7.png" alt="" />
	        				<span class="title1">帮助与反馈</span>
	        			</div>
	        			<div class="pull-right">
	        				<span class="icon icon-right"></span>
	        			</div>
		        	</a>
				</div>
				<!--主要内容 End-->
				<nav class="bar bar-tab xh-lxx-tab-items-img">
					<a class="tab-item external" href="#">
				        <span class="icon"><img src="img/icon6.png" alt="" /></span>
				        <span class="tab-label">阅读</span>
				    </a>
				    <a class="tab-item external" href="#">
				        <span class="icon"><img src="img/icon5.png" alt="" /></span>
				        <span class="tab-label">书城</span>
				    </a>
				    <a class="tab-item external" href="#">
				        <span class="icon"><img src="img/icon4.png" alt="" /></span>
				        <span class="tab-label">发现</span>
				    </a>
				    <a class="tab-item external active" href="#">
				        <span class="icon"><img src="img/icon3_a.png" alt="" /></span>
				        <span class="tab-label">我的</span>
				    </a>
			    </nav>
				
				
				
			</div>
		</div>
		<script src="dist/js/zepto.min.js"></script>
		<script src="dist/js/sm.min.js"></script>
		<script src="dist/js/sm-extend.min.js"></script>
		<script>
			$.init();  //初始化
		</script>
	</body>
</html>
